// Shadows
.md-shadow-z-1 {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .10), 0 1px 2px rgba(0, 0, 0, .18);
}

.md-shadow-z-1-i {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .10), 0 1px 2px rgba(0, 0, 0, .18) !important;
}

.md-shadow-z-1-hover {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .14), 0 1px 2px rgba(0, 0, 0, .22);
}

.md-shadow-z-2 {
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22);
}

.md-shadow-z-2-i {
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22) !important;
}

.md-shadow-z-2-hover {
	box-shadow: 0 3px 6px rgba(0, 0, 0, .20), 0 3px 6px rgba(0, 0, 0, .26);
}

.md-shadow-z-3 {
	box-shadow: 0 8px 18px rgba(0, 0, 0, .18), 0 6px 6px rgba(0, 0, 0, .23);
}

.md-shadow-z-3-i {
	box-shadow: 0 8px 18px rgba(0, 0, 0, .18), 0 6px 6px rgba(0, 0, 0, .24) !important;
}

.md-shadow-z-3-hover {
	box-shadow: 0 8px 18px rgba(0, 0, 0, .22), 0 6px 6px rgba(0, 0, 0, .26);
}

.md-shadow-z-4 {
	box-shadow: 0 14px 28px rgba(0, 0, 0, .26), 0 10px 10px rgba(0, 0, 0, .22);
}

.md-shadow-z-4-i {
	box-shadow: 0 14px 28px rgba(0, 0, 0, .26), 0 10px 10px rgba(0, 0, 0, .22) !important;
}

.md-shadow-z-5 {
	box-shadow: 0 19px 38px rgba(0, 0, 0, .28), 0 15px 12px rgba(0, 0, 0, .22);
}

.md-shadow-z-5-i {
	box-shadow: 0 19px 38px rgba(0, 0, 0, .28), 0 15px 12px rgba(0, 0, 0, .22) !important;
}

.md-shadow-none {
	box-shadow: none !important;
}

// Click effects

.md-click-circle {
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, .2);
	border-radius: 50%;
	opacity: 0;
	-webkit-animation: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);

	&.md-click-animate {
		-webkit-animation: mdClickEffect 0.65s linear;
		-moz-animation: mdClickEffect 0.65s linear;
		animation: mdClickEffect 0.65s linear;
	}
}

@-webkit-keyframes mdClickEffect {
	0% {
		opacity: 1;
		-webkit-transform: scale(0);
	}
	100% {
		opacity: 0 !important;
		-webkit-transform: scale(2.5);
	}
}

@-moz-keyframes mdClickEffect {
	0% {
		opacity: 1;
		-webkit-transform: scale(0);
	}

	100% {
		opacity: 0 !important;
		-moz-transform: scale(2.5);
	}
}

@keyframes mdClickEffect {
	0% {
		opacity: 1;
		-webkit-transform: scale(0);
	}

	100% {
		opacity: 0 !important;
		transform: scale(2.5);
	}
}